<!DOCTYPE html>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
    <meta charset="utf-8" />
    <title>科级管理人员个人有关事项报告管理系统</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
    <meta content="" name="description" />
    <meta content="" name="author" />
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="media/css/jquery.gritter.css" rel="stylesheet" type="text/css"/>

    <link href="media/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="media/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/>
    <link href="media/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <link href="media/css/style-metro.css" rel="stylesheet" type="text/css"/>
    <link href="media/css/style.css" rel="stylesheet" type="text/css"/>
    <link href="media/css/style-responsive.css" rel="stylesheet" type="text/css"/>
    <link href="media/css/default.css" rel="stylesheet" type="text/css" id="style_color"/>
    <link href="media/css/uniform.default.css" rel="stylesheet" type="text/css"/>
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN PAGE LEVEL STYLES -->
    <link rel="stylesheet" type="text/css" href="media/css/select2_metro.css" />
    <link rel="stylesheet" href="media/css/DT_bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="media/css/datepicker.css" />
    <!-- END PAGE LEVEL STYLES -->
    <link rel="shortcut icon" href="media/image/favicon.ico" />
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<%--<body class="page-header-fixed page-full-width">--%>
<body class="page-header-fixed page-sidebar-closed">
<!-- BEGIN HEADER -->
    <jsp:include page="../fragment/header.jsp"/>
<!-- END HEADER -->
<!-- BEGIN CONTAINER -->
<div class="page-container" >
    <!-- BEGIN SIDEBAR -->
    <jsp:include page="../fragment/sidebar.jsp"/>
    <!-- END SIDEBAR -->
    <!-- BEGIN PAGE -->
    <div class="page-content" style="background-color:#f5f5f5;">
        <!-- BEGIN PAGE CONTAINER-->
        <!-- BEGIN PAGE HEADER-->
            <div class="container-fluid" style="margin-left: -20px;">
                <div class="row-fluid" style="margin-bottom: 5px;">
                    <jsp:include page="../fragment/navigation.jsp"></jsp:include>
                </div>
            <div class="row-fluid">
                <div class="span12">
                    <div class="span3">
                        <div class="portlet box green" style="margin-left: 10px">
                            <div class="portlet-title">
                                <div class="caption"><i class="icon-reorder"></i>填报说明</div>
                            </div>
                            <div class="portlet-body">
                                <div class="scroller" data-height="300px">
                                    <p style="color:#6983ff;font-weight: bold">
                                        首次填报时，应填写本人的婚姻状况，包括未婚、已婚、离异或丧偶等。再次填报时，上一年婚姻状况未发生变化的，则在“是否变化”下选择“否”；上一年婚姻状况发生变化的，则在“是否变化”下选择“是”，在“变化情况”下选择相应项目，包括结婚、再婚、离婚或丧偶等，并填写“变化时间”
                                    </p>
                                </div>
                            </div>
                        </div>
                        <form>
                            <div class="form-actions">
                                <a href="infoType" class="btn blue">填报上一项</a>
                                <a href="chuguodoc" class="btn blue">填报下一项</a>
                            </div>
                        </form>
                    </div>
                    <div class="span9">
                        <div class="tabbable tabbable-custom tabbable-full-width">
                            <div class="portlet box green">
                                <div class="portlet-title">
                                    <div class="caption"><i class="icon-cogs"></i>本人的婚姻变化情况</div>
                                    <div class="actions">
                                        <button class="btn blue" id="gerenEditBtn"><i class="icon-edit"></i> 编辑</button>
                                        <button class="btn blue" id="gerenSaveBtn"><i class="icon-plus"></i> 保存</button>
                                    </div>
                                </div>
                                <div class="portlet-body">
                                        <form action="#" class="horizontal-form" id="geren-form">
                                            <div class="row-fluid">
                                                <div class="span12">
                                                    <div class="span4 ">
                                                        <a href="#" class="btn dark-grey disabled">首次提报</a><select style="margin-top: 9px;" class="span8 m-wrap" name="FIRSTREPORT" id="geren_first"  tabindex="1" disabled>
                                                        <option value=""></option>
                                                        <option value="未婚" <c:if test="${list[0].FIRSTREPORT == '未婚' }">selected</c:if>>未婚</option>
                                                        <option value="已婚" <c:if test="${list[0].FIRSTREPORT == '已婚' }">selected</c:if>>已婚</option>
                                                        <option value="离异" <c:if test="${list[0].FIRSTREPORT == '离异' }">selected</c:if>>离异</option>
                                                        <option value="丧偶" <c:if test="${list[0].FIRSTREPORT == '丧偶' }">selected</c:if>>丧偶</option>
                                                    </select>
                                                    </div>
                                                    <!--/span-->
                                                </div>
                                            </div>
                                            <div class="row-fluid">
                                                <div class="span12">
                                                    <div class="span4 ">
                                                        <a href="#" class="btn dark-grey disabled">是否变化</a><select style="margin-top: 9px;" class="span8 m-wrap" name="CHANGESTATE" id="geren_change" data-placeholder="Choose a Category" tabindex="1" disabled>
                                                        <option value=""></option>
                                                        <option value="是" <c:if test="${list[0].CHANGESTATE == '是' }">selected</c:if>>是</option>
                                                        <option value="否" <c:if test="${list[0].CHANGESTATE == '否' }">selected</c:if>>否</option>
                                                    </select>
                                                    </div>
                                                    <div class="span4 ">
                                                        <a href="#" style="margin-top: 9px;" class="btn dark-grey disabled">变化时间</a><input style="margin-top: 9px;" class="span8 m-wrap m-ctrl-medium date-picker" id="data_picker_hunyin"  name="CHANGEDATE" disabled size="16" type="text" value="${list[0].CHANGEDATE}" />
                                                        <input class="hidden" name="FLAG"  value="GEREN">
                                                    </div>
                                                    <!--/span-->
                                                    <div class="span4 ">
                                                        <a href="#" class="btn dark-grey disabled">变化情况</a><select style="margin-top: 9px;" class="span8 m-wrap"	 name="CHANGEREPORT" id="geren_info" data-placeholder="Choose a Category" tabindex="1" disabled>
                                                        <option value=""></option>
                                                        <option value="结婚" <c:if test="${list[0].CHANGEREPORT == '结婚' }">selected</c:if>>结婚</option>
                                                        <option value="再婚" <c:if test="${list[0].CHANGEREPORT == '再婚' }">selected</c:if>>再婚</option>
                                                        <option value="离异" <c:if test="${list[0].CHANGEREPORT == '离异' }">selected</c:if>>离异</option>
                                                        <option value="丧偶" <c:if test="${list[0].CHANGEREPORT == '丧偶' }">selected</c:if>>丧偶</option>
                                                    </select>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--/row-->
                                            <%--<div class="row-fluid">--%>
                                                <%--<!--/span-->--%>
                                                <%--<div class="span12">--%>
                                                    <%--<div class="span4 ">--%>
                                                        <%--<a href="#" class="btn dark-grey disabled">变化时间</a><input class="span8 m-wrap m-ctrl-medium date-picker" id="data_picker_hunyin"  name="CHANGEDATE" disabled size="16" type="text" value="${gerenByID.CHANGEDATE}" />--%>
                                                        <%--&lt;%&ndash;<input class="span8 m-wrap" id="mask_date2" type="text" disabled  name="CHANGEDATE" value="${gerenByID.CHANGEDATE}" />&ndash;%&gt;--%>
                                                        <%--<input class="hidden" name="FLAG"  value="GEREN">--%>
                                                    <%--</div>--%>
                                                    <%--<!--/span-->--%>
                                                    <%--&lt;%&ndash;<div class="span4">&ndash;%&gt;--%>
                                                        <%--&lt;%&ndash;<a href="#" class="btn dark-grey disabled">变化原因</a><input class="span8 m-wrap" name="REASON" id="geren_reason" disabled size="16" type="text" value="${gerenByID.REASON}" />&ndash;%&gt;--%>
                                                    <%--&lt;%&ndash;</div>&ndash;%&gt;--%>
                                                <%--</div>--%>
                                            <%--</div>--%>
                                            <div>

                                            </div>
                                        </form>

                                    </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- END PAGE CONTAINER-->
            </div>
        </div>
    </div>
    <!-- END PAGE -->
</div>
<!-- END CONTAINER -->
<!-- BEGIN PAGE LEVEL PLUGINS -->
<script type="text/javascript" src="media/js/jquery.gritter.js"></script>
<script type="text/javascript" src="media/js/jquery.pulsate.min.js"></script>
<script type="text/javascript" src="media/js/jquery.bootpag.min.js"></script>
<!-- END PAGE LEVEL PLUGINS -->
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script src="media/js/ui-general.js"></script>
<!-- END PAGE LEVEL SCRIPTS -->
<script src="media/js/jquery-1.10.1.min.js" type="text/javascript"></script>
<script src="media/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
<script src="media/js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script>
<script src="media/js/bootstrap.min.js" type="text/javascript"></script>
<!--[if lt IE 9]>
<script src="media/js/excanvas.min.js"></script>
<script src="media/js/respond.min.js"></script>
<![endif]-->
<script src="media/js/jquery.slimscroll.min.js" type="text/javascript"></script>
<script src="media/js/jquery.blockui.min.js" type="text/javascript"></script>
<script src="media/js/jquery.cookie.min.js" type="text/javascript"></script>
<script src="media/js/jquery.uniform.min.js" type="text/javascript" ></script>
<!-- END CORE PLUGINS -->
<!-- BEGIN PAGE LEVEL PLUGINS -->
<script type="text/javascript" src="media/js/select2.min.js"></script>
<script type="text/javascript" src="media/js/jquery.dataTables.js"></script>
<script type="text/javascript" src="media/js/DT_bootstrap.js"></script>
<script type="text/javascript" src="media/js/bootstrap-datepicker.js"></script>
<!-- END PAGE LEVEL PLUGINS -->
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script src="media/js/app.js"></script>
<script src="media/js/table-editable.js"></script>


<script>
    $('#gerenEditBtn').on('click',function(){
        $.ajax({
            type : 'post',
            url : 'getHunYinSingleFlag',
            async : false,
            success : function(data){
                if(data.data=='true'){
                    $('#geren_first').removeAttr("disabled");
                    $('#geren_change').attr("disabled","disabled");
                    $('#data_picker_hunyin').attr("disabled","disabled");
                    $('#geren_info').attr("disabled","disabled");
                    $('#geren_reason').attr("disabled","disabled");
                }else{
                    $('#geren_first').attr("disabled","disabled");
                    $('#geren_change').removeAttr("disabled");
                    $('#data_picker_hunyin').removeAttr("disabled");
                    $('#geren_info').removeAttr("disabled");
                    $('#geren_reason').removeAttr("disabled");
                }
            }
        });
    });
</script>
<script>
    $('#gerenSaveBtn').on('click',function(){
        $.ajax({
            type : 'post',
            url : 'singleInfoSave',
            async : true,
            data : $('#geren-form').serialize(),
            success : function(){
                $('#geren_first').attr("disabled","disabled");
                $('#geren_change').attr("disabled","disabled");
                $('#data_picker_hunyin').attr("disabled","disabled");
                $('#geren_info').attr("disabled","disabled");
                $('#geren_reason').attr("disabled","disabled");
            }
        })
    })
</script>

<script>
    $('#edit-info-btn').on('click',function(){
        $("#huji").removeAttr("disabled");
        $("#zhiji").removeAttr("disabled");
        $("#deptid").removeAttr("disabled");
        $("#post").removeAttr("disabled");
        $("#polic").removeAttr("disabled");
    })
</script>

<script>
    $('#save-info-btn').on('click',function(){
        $.ajax({
            type : 'POST',
            url : 'editSave',
            data : $('#basic_info_form').serialize(),
            async : true,
            success : function(){
                $("#huji").attr("disabled","disabled");
                $("#zhiji").attr("disabled","disabled");
                $("#deptid").attr("disabled","disabled");
                $("#post").attr("disabled","disabled");
                $("#polic").attr("disabled","disabled");
            }
        })
    })
</script>


<script>
    jQuery(document).ready(function() {
        $('#hunyin').addClass('green');
        $('.date-picker').datepicker({
            rtl : App.isRTL()
        });
        App.init();
        UIGeneral.init();
        TableEditable.init();
    });
</script>
<!-- END JAVASCRIPTS -->
<script type="text/javascript">  var _gaq = _gaq || [];  _gaq.push(['_setAccount', 'UA-37564768-1']);  _gaq.push(['_setDomainName', 'keenthemes.com']);  _gaq.push(['_setAllowLinker', true]);  _gaq.push(['_trackPageview']);  (function() {    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;    ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js';    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);  })();</script></body>
<!-- END BODY -->
</html>